@use "../../mixins/namespace" as *;
@use "../../mixins/color-variants" as *;

// 暗黑深色模式主题变量
:root.dark-deep {
  // === 核心背景色 ===
  --#{$teek-namespace}-bg-color: #0f1117;
  --#{$teek-namespace}-bg-color-page: #0a0c10;

  // === 功能色 ===
  @include generate-color-variants("primary", #4a6bc5, true);
  @include generate-color-variants("success", #27ae60, true);
  @include generate-color-variants("warning", #f39c12, true);
  @include generate-color-variants("danger", #c0392b, true);
  @include generate-color-variants("error", #a04000, true);

  // === 次级色 ===
  @include generate-color-variants("info", #a3adbb, true);
  @include generate-color-variants("secondary", #7a8296, true);

  // === 背景色 ===
  --#{$teek-namespace}-bg-primary: #0f1428;
  --#{$teek-namespace}-bg-primary-rgb: 15, 20, 40;
  --#{$teek-namespace}-bg-success: #0d2a18;
  --#{$teek-namespace}-bg-success-rgb: 13, 42, 24;
  --#{$teek-namespace}-bg-warning: #2d230f;
  --#{$teek-namespace}-bg-warning-rgb: 45, 35, 15;
  --#{$teek-namespace}-bg-danger: #2a0f12;
  --#{$teek-namespace}-bg-danger-rgb: 42, 15, 18;
  --#{$teek-namespace}-bg-error: #2d180f;
  --#{$teek-namespace}-bg-error-rgb: 45, 24, 15;
  --#{$teek-namespace}-bg-info: #1a142f;
  --#{$teek-namespace}-bg-info-rgb: 26, 20, 47;
  --#{$teek-namespace}-bg-secondary: #1a1e30;
  --#{$teek-namespace}-bg-secondary-rgb: 26, 30, 48;

  // === 中性背景 ===
  --#{$teek-namespace}-bg-neutral: #12151c;
  --#{$teek-namespace}-bg-neutral-rgb: 18, 21, 28;
  --#{$teek-namespace}-bg-neutral-light: #181b24;
  --#{$teek-namespace}-bg-neutral-dark: #0c0e12;

  // === 灰度色，适用于背景色 | 悬停色 ===
  --#{$teek-namespace}-gray-100: #15171d;
  --#{$teek-namespace}-gray-100-rgb: 21, 23, 29;
  --#{$teek-namespace}-gray-200: #25272d;
  --#{$teek-namespace}-gray-200-rgb: 37, 39, 45;
  --#{$teek-namespace}-gray-300: #35373d;
  --#{$teek-namespace}-gray-300-rgb: 53, 55, 61;
  --#{$teek-namespace}-gray-400: #45474d;
  --#{$teek-namespace}-gray-400-rgb: 69, 71, 77;
  --#{$teek-namespace}-gray-500: #55575d;
  --#{$teek-namespace}-gray-500-rgb: 85, 87, 93;
  --#{$teek-namespace}-gray-600: #75777d;
  --#{$teek-namespace}-gray-600-rgb: 117, 119, 125;
  --#{$teek-namespace}-gray-700: #95979d;
  --#{$teek-namespace}-gray-700-rgb: 149, 151, 157;
  --#{$teek-namespace}-gray-800: #c5c7cc;
  --#{$teek-namespace}-gray-800-rgb: 197, 199, 204;
  --#{$teek-namespace}-gray-900: #e5e5e5;
  --#{$teek-namespace}-gray-900-rgb: 229, 229, 229;

  // === 文本色 ===
  --#{$teek-namespace}-text-gray-100: var(--#{$teek-namespace}-gray-100);
  --#{$teek-namespace}-text-gray-200: var(--#{$teek-namespace}-gray-200);
  --#{$teek-namespace}-text-gray-300: var(--#{$teek-namespace}-gray-300);
  --#{$teek-namespace}-text-gray-400: var(--#{$teek-namespace}-gray-400);
  --#{$teek-namespace}-text-gray-500: var(--#{$teek-namespace}-gray-500);
  --#{$teek-namespace}-text-gray-600: var(--#{$teek-namespace}-gray-600);
  --#{$teek-namespace}-text-gray-700: var(--#{$teek-namespace}-gray-700);
  --#{$teek-namespace}-text-gray-800: var(--#{$teek-namespace}-gray-800);
  --#{$teek-namespace}-text-gray-900: var(--#{$teek-namespace}-gray-900);

  // === 边框色 ===
  --#{$teek-namespace}-border-color: #3a3c48;
  --#{$teek-namespace}-border-dashed-color: #3f414d;

  // === 阴影色 ===
  --#{$teek-namespace}-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgb(0 0 0 / 22%);
  --#{$teek-namespace}-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 26%);
  --#{$teek-namespace}-box-shadow-md: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 30%);
  --#{$teek-namespace}-box-shadow-lg: 0 1rem 2rem 1rem rgb(0 0 0 / 34%);

  // === 卡片色 ===
  --#{$teek-namespace}-root-card-box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 26%);
  --#{$teek-namespace}-root-card-border-color: #151720;
}
